page {
  padding-bottom: 30rpx;
}

.main {
  width: 690rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  border-radius: 10rpx;
  background-color: #61e7ce;
}
.main_container {
  padding: 30rpx 30rpx 50rpx 30rpx;
  overflow: hidden;
  position: relative;
}
.main .number {
  overflow: hidden;
}
.main .number .icon {
  float: left;
  line-height: 120rpx;
  margin-right: 10rpx;
  font-size: 36rpx;
}
.main .number .txt {
  float: left;
  font-size: 80rpx;
}
.main .number .btn {
  float: right;
  line-height: 140rpx;
}
.main .number .btn span {
  background-color: #333;
  color: #61e7ce;
  padding: 16rpx 26rpx;
  border-radius: 10rpx;
}
.main .description {
  font-size: 24rpx;
}

.iospay {
  width: 690rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  border-radius: 10rpx;
  background-color: #1989fa;
  color: #ffffff;
  font-size: 24rpx;
}
.iospay .box {
  padding: 30rpx;
  overflow: hidden;
  position: relative;
}
.iospay .box .contact {
  margin-top: 20rpx;
}
.iospay .box .contact .btn {
  margin-left: 8px;
  background-color: #ffffff;
  color: #000000;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 24rpx;
}

.log {
  width: 690rpx;
  margin: 0 auto;
  margin-top: 50rpx;
}
.log .title {
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 30rpx;
  position: relative;
  padding-left: 30rpx;
  color: #555;
}
.log .title::before {
  position: absolute;
  top: 12rpx;
  left: 0;
  width: 10rpx;
  height: 24rpx;
  border-radius: 32rpx;
  background: #61e7ce;
  content: '';
}
.log .items {
  background-color: #fff;
  padding: 30rpx;
  border-radius: 10rpx;
  margin-bottom: 30rpx;
}
.log .items .item:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 30rpx;
  margin-bottom: 30rpx;
}
.log .items .item .info {
  overflow: hidden;
}
.log .items .item .info .txt {
  float: left;
}
.log .items .item .info .ident {
  float: right;
  color: #61e7ce;
}
.log .items .item .date {
  font-size: 24rpx;
  color: #666;
  margin-top: 10rpx;
}
